import React from "react";
import "./App.css";
function rand(m,n){
  return Math.ceil(Math.random() * (n-m+1)) + m-1;
}
//声明一个类式组件
export default class App extends React.Component {
  state = {
    bg: "rgb(156,200,25)",
  };
  // render 方法中的 this 指向『实例对象』
  render() {
    return (
      <div
        className="box"
        onClick={this.changeBg}
        style={{ background: this.state.bg }}
      >
        此生无悔入东方，来世愿生幻想乡
      </div>
    );
  }

  //声明属性 箭头函数赋值 作为事件回调
  changeBg = () => {
    this.setState({
      bg: `rgb(${rand(0, 255)},${rand(0, 255)},${rand(0, 255)})`
    })
  }
}
